/*  
Theme Name: JayBoWalkin Journalog
Theme URI: http://jaybowalkin.com/
Description: A nice theme for people on great adventures
Version: 0.2
Author: Bryan Clark
Author URI: http://clarkbw.net/blog/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

Copyright JayBoWalkin.com 2007

*/


/* ==== GENERIC ==== */

* { font-family: "Bitstream Vera Sans", "Liberation Sans", sans-serif; }
body { padding: 0pt; margin: 0pt; font-size: 11pt; color: #222; text-align: center; }
a { color: #0066dd; background-color: inherit; }
input[type="text"], input[type="password"] { padding: 0.1em; border: 1px inset #777; background-color: #f5f5f5; color: #222; }
input[type="submit"] { font-size: 12pt; font-weight: bold; padding: 0 1em 0.1em 1em; background-color: #70565f; color: #fff; border: 2px outset #634d55; }
input[type="submit"]:hover { background-color: #8a6d78; }
table, tr, td, th { padding: 0; margin: 0; vertical-align: top; }
img { border: 0; }

#page, #contents, #final-countdown, #footer { padding: 1em; text-align: left; margin: 0pt; }
div.container { width: 999px; margin: 0pt; margin-right: auto; margin-left: auto; }

/* ==== CONTENTS ==== */

#contents { background-color: #566e70; color: #ffffff; padding-bottom: 0; }

h1, h1 a { margin: 0; padding: 0; text-decoration: none; color: #ffffff; }
div.description { font-size: 10pt; color: #f9f9f9; margin: 0.5em; margin-bottom: 1.5em;}
#contents #pages { font-size: 10pt; list-style: none; padding-left: 0; padding-bottom: 0.1em; margin-bottom: 0; }
#contents #pages li { display: inline; margin-right: 0.1em;}
#contents #pages li a { color: #fff; background-color: #3a494a; text-decoration: none; padding: 0.5em; border-bottom: 1px outset #303b3d; border-right: 1px outset #303b3d; border-top: 1px outset #4e6163; border-left: 1px outset #4e6163;} 
#contents #pages li a:hover { background-color: #445557; }

/* ==== HEADER ==== */

#header { margin: 0; padding: 0; background-color: #fff; margin-bottom: 1em; overflow: hidden; height: 180px; position: relative; border: 1px solid #222; }
img.header { margin: 0pt; border: 0pt; padding: 0pt; float: left; }
.more-photos { position: absolute; background-color:transparent; bottom: 0; right: 2px; text-align: right; writing-mode: tb-rl; filter: flipV flipH; font-size: 8pt; text-decoration: none; }

/* ==== PAGE ==== */

#page, #footer { background-color: #e5e4dc; color: inherit; }
.attachment { text-align: center; }

/* ==== ARCHIVES ==== */

p.pagedesc { text-align: center; padding: 0pt 1em; }

/* ==== POSTS ==== */

div.posts, div.page { background-color: #ffffff; color: inherit; width: 600px; margin-right: 1em; border: 1px dotted #222; }
div.page { width: 100%; }
div.page img { margin: 1em; }

/* ==== POST ==== */

div.post { padding: 1em; background-color: #ffffff; }
div.full-post { margin-bottom: 5em; }
div.post div.header { }
div.post div.header table { width: 100%; vertical-align: middle; }
div.post div.header table tbody tr td { vertical-align: middle; }
div.post div.header div.author { min-width: 75px; min-height: 75px; border: 1px solid #222; text-align: center; }
div.post div.header a.author { text-decoration: none; }
div.post div.header div.meta { margin: 1em; }
div.post div.header h2.post_title { margin: 0; border-bottom: 1px dotted #222;}
div.post div.header a.post_title { text-decoration: none; color: #222; font-family: "Liberation Sans Serif, Bitstream Vera Sans Serif, Times New Roman"; letter-spacing: 1px;}
div.post div.header a.post_title:hover { color: #555; }
div.post div.header div.post_categories { font-family: monospace; font-size: 12pt; color: #444; padding: 0.1em 0; }
div.post div.header div.post_categories a { text-transform: lowercase; text-decoration: none; color: #70565f; background-color: #fff; }
div.post div.header div.post_categories a:hover { text-transform: lowercase; text-decoration: none; color: #fff; background-color: #70565f; }
div.post div.header div.post_date { font-size: 10pt; color: #999; }
div.post div.entry { margin: 1em; line-height: 1.5em;}
div.post div.entry a.read-more { padding: 0.2em; border: 1px ouset inherit; }
div.post div.entry a.read-more:hover { background-color: #0066dd; color: #fff; border: 2px outset #0033aa; } 
div.post div.comments { float: right; }
div.post div.comments a { color: #4a3a40; font-weight: bold; border: 2px outset inherit; padding: 0.2em; }
div.post div.comments a:hover { background-color: #4a3a40; color: #fff; border: 2px outset #4a3a40; }

div.post div.edit { float: left; }

p.postmetadata { margin: 2em 0pt; padding: 1em; color: #555; background-color: #F8F8F8;}

/* ==== SIDEBAR ==== */

.sidebar { padding: 1em; border: 1px dotted #222; background-color: #ffffff; font-size: 8pt; }
.foot-sidebar { list-style: none; border: none; background-color: #70565f; color: #fff; font-size: 10pt; margin: 0; padding: 0;}
.sidebar h2 { margin: 5px 0 0; padding: 0; }
.sidebar ul, .sidebar ul ol { margin: 0; padding: 0; }
.foot-sidebar ul, .foot-sidebar ul ol { list-style: none; margin: 0; padding: 0; }
.sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; }
.sidebar ul p, .sidebar ul select { margin: 5px 0 8px; }
.sidebar ul ul, .sidebar ul ol { margin: 5px 0 0 10px; }
.sidebar ul ul ul, .sidebar ul ol { margin: 0 0 0 10px; }
ol li, .sidebar ul ol li { list-style: decimal outside; }
.sidebar ul ul li, .sidebar ul ol li { margin: 3px 0 0; padding: 0; }

/* ==== FOOTER ==== */

#final-countdown { background-color: #70565f; color: #fff; min-height: 10em; border-top: 1px solid #222; border-bottom: 1px solid #222; }
#footer { text-align: center; }

/* ==== COMMENTS ==== */

#comments { padding-left: 1em; padding-right: 1em; }
.comments-area { padding: 1em; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist { padding-right: 1em; }
.commentlist li, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li { font-weight: bold; padding: 1em; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform textarea { width: 100%; border: 1px inset #222; }

/* ==== ARCHIVES ==== */

h2.pagetitle { padding: 0 1em; }

input.blue-button { background-color: #0066dd; border: 2px outset #0033aa; color: #fff; }
input.green-button { background-color: #5cc400; border: 2px outset #57e925; color: #fff; }
input.blue-button:hover { background-color: #0099ff; }
input.green-button:hover { background-color: #7ee600; }


/* ==== UTILITIES ==== */

.navigation { display: block; text-align: center; margin: 1em 0; padding: 1em;}
.alignright { float: right; }
.alignleft  { float: left;	}
.alt { 	background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { 	clear: both; margin: 15px 30px 0 10px; padding: 0.5em 0pt 0.5em 1em; border-left: 5px solid #ddd; 	}
blockquote cite { margin: 5px 0 0; display: block; }

/* ==== WIDGETS ==== */

.foot-widget { font-size: 12pt; color: #fff; margin: 2em 0pt; padding: 0pt; }
.foot-widget a { color: #F3F1E9; text-decoration: none; border-bottom: 1px dotted #F3F1E9;}
.foot-widget .widgettitle { display: inline; }
.foot-widget ul, .foot-widget ul li { display: inline; margin: 0pt 1em;  background-color: #70565f; color: #fff;}

/* ==== QUOTES === */

div.post div.entry blockquote.sig { font-family: Georgia, "Times Roman", serif; float: right; width: 50%; border: 1px solid #d4d6a9; background-color: #f0f0d5; margin: 0pt; padding: 0.5em;  text-align: center; letter-spacing: 1px; line-height: 130%; margin: 0.2em; }

